import { ErrorBlock, Button } from "antd-mobile"
import { useNavigate } from "react-router-dom"
import './Page404.scss'

function Page404() {
    let navigate = useNavigate()
    return <div className="page404-box">
        <ErrorBlock status="empty" title='您访问的页面不存在' description="去逛逛其它页面吧" />
        <div className="btn">
            <Button color="warning" onClick={() => {
                navigate(-1)
            }}>返回上一页</Button>
            <Button color="primary" onClick={() => {
                navigate('/', { replace: true })
            }}>回到首页</Button>
        </div>
    </div>
}
export default Page404